<template>
    <div :imgs='imgs'>
        <mt-swipe :auto="4000">
          <mt-swipe-item v-for='(img,index) in imgs' :key='index'>
            <img :src="img.img" alt="">
          </mt-swipe-item>
        </mt-swipe>
    </div>
</template>
<script>
    export default {
        name: 'swiper',
        props: {
            imgs: Array,
            default: []
        },
        created () {
            this.$nextTick(function(){
                console.log(this.imgs);
            })

        }
    }
</script>
<style scoped="">
    .mint-swipe{
        height: 200px;
    }
    /* 看看会有什么 相当于全局*/
    img{
        width: 100%;
    }
</style>